import React, { Component } from 'react'
import {
    View, TextInput, StyleSheet, Text, Image, SafeAreaView, Navigator, TouchableOpacity, ScrollView
} from 'react-native'
import NavBar from '../../components/PublicHeader';
import { Images } from '../../public/images/images';
import { Constant } from '../../public/js/constant';
import fetchWebApi from '../../public/WebApi/fetchBase';
import { GET_USER_MESSAGES, POST_USER_SEARCH, POST_USER_LOOKFORSB, POST_SEARCH_FILTRATE } from '../../public/WebApi/searchApis';
import getStorageValue from '../../utils/getStorageValue';
import Layer from '../../utils/Layer';
export default class screen extends Component {
    constructor(props) {
        super(props)
        this.state = {
            data: [],//学历
            datas: [],//职业
            Selectedtype: [],
            Selectedtypes: [],
            page: 0,
            pageSize: 5,
            dis: '',
            creditLevel: []
        }

    }

    componentDidMount = () => {
        // this.getUserMaillist()
    }
    componentDidUpdate = () => {
        // console.log(5555555555555)
        // console.log(this.state.data)
    }
    getDisTexts(text) {
        this.setState({
            searchText: text
        })
    };

    async postSearchFiltrate() {

    }

    render() {
        return (
            <View style={styles.comment}>
                <NavBar
                    navigation={this.props.navigation}
                    title={'筛选'}
                    titleColor={"#333"}

                />
                <View style={styles.padlr}>
                    <View style={{ marginBottom: 20 }}>
                        <Text style={{ marginBottom: 20, fontSize: 20 }}>距离：</Text>
                        <TextInput
                            style={{ backgroundColor: 'white', borderRadius: 5 }}
                            placeholder={"1-100"}
                            onChangeText={(text) => this.getDisTexts(text)}
                        />
                    </View>
                    <View>
                        <Text style={{ marginBottom: 20, fontSize: 20 }}>诚信：</Text>
                        <TextInput
                            style={{ backgroundColor: 'white', borderRadius: 5 }}
                            placeholder={'1.0~5.0'}
                            onChangeText={(text) => this.getRepuTexts(text)}
                        />
                    </View>

                    <View style={styles.ending}>
                        <Text style={styles.tail} onPress={() => { this.Reset() }}>重置</Text>
                        <Text style={styles.tails} onPress={() => { this.Labelreturn() }}>完成</Text>
                    </View>
                </View>

            </View>
        )
    }
}
const styles = StyleSheet.create({
    comment: {
        flex: 1,
    },
    padlr: {
        marginTop: 40,
        paddingLeft: 20,
        paddingRight: 20
    },
    Number: {
        marginLeft: "5%",
        fontSize: 18,
        color: '#000000',
        fontWeight: '600'
    },
    Numbers: {
        color: '#1890FF'
    },
    content: {
        display: 'flex',
        justifyContent: 'center',
        flexDirection: 'row'
        , marginBottom: 20
    },
    contents: {
        display: 'flex',
        flexDirection: 'row',
        height: 30,
        lineHeight: 50,
        textAlign: 'center'
    },
    ending: {
        display: 'flex',
        flexDirection: 'row',
        marginTop: 30,
        height: 60
    },
    commentText: {
        display: 'flex',
        flexDirection: 'row',
        height: 40,
        lineHeight: 50,
        marginTop: 50,
    },
    screen: {
        fontSize: 20,
        color: '#000000',
        marginLeft: '35%'
    },
    education: {
        fontSize: 18,
        color: '#000000',
        fontWeight: '600',
        marginLeft: "5%",
    },
    middle: {
        display: 'flex',
        flexWrap: 'wrap',
        flexDirection: 'row',
        justifyContent: 'space-between',
        width: '98%',
        paddingLeft: '5%',
        marginTop: "10%"
    },
    Educationalcontent: {
        width: '30%',
        height: 40,
        textAlign: 'center',
        fontSize: 16,
        color: '#616161',
        backgroundColor: '#E1F0FF',
        marginBottom: 10, lineHeight: 40
    },
    Educationalcontents: {
        width: '30%',
        height: 40,
        textAlign: 'center',
        fontSize: 16,
        color: '#FFFFFF',
        backgroundColor: '#1890FF',
        marginBottom: 10, lineHeight: 40
    },
    Industryfield: {
        fontSize: 18,
        color: '#000000',
        fontWeight: '600',
        marginLeft: "5%",
    },
    IndustryfieldText: {
        display: 'flex',
        flexWrap: 'wrap',
        flexDirection: 'row',
        justifyContent: 'space-between',
        width: '98%', paddingLeft: '5%', marginTop: "10%"
    },
    Industrycontent: {
        width: '30%',
        height: 40,
        textAlign: 'center',
        fontSize: 16,
        color: '#616161',
        backgroundColor: '#E1F0FF',
        marginBottom: 10, lineHeight: 40
    },
    tail: {
        width: "30%",
        borderRadius: 20,
        height: 40,
        lineHeight: 40,
        backgroundColor: 'rgba(24, 144, 255, 0.12)',
        fontSize: 20,
        color: '#000000',
        textAlign: 'center',
    },
    tails: {
        width: "65%",
        borderRadius: 20,
        height: 40,
        lineHeight: 40,
        backgroundColor: '#1890FF',
        fontSize: 20,
        color: '#FFFFFF',
        textAlign: 'center',
        marginLeft: 10, fontWeight: '500'
    }

})